import { memo } from 'react'
import { View } from '@tarojs/components'
import './index.scss'
import NavBar from '@/components/NavBar'

interface TopNavProps {
  showBg: boolean
}

const TopNav = memo(({
  showBg
}: TopNavProps) => {
  return (
    <>
      <NavBar>
        <View className="nav_content flex align-center">
          <View className="left">编辑资料</View>
          <View className="right flex ">
            <View className="nav_item">
              <View className="at-icon at-icon-lightning-bolt icon" />
            </View>
            <View className="nav_item">
              <View className="at-icon at-icon-link icon" />
            </View>
            <View className="nav_item">
              <View className="at-icon at-icon-tags icon" />
            </View>
            <View className="nav_item">
              <View className="at-icon at-icon-bullet-list icon" />
            </View>
          </View>
        </View>
      </NavBar>
    </>
  )
})
export default TopNav
